﻿#employee-mgr {
  height: 100%; }

#application-list {
  height: 66rem;
  min-height: 66rem;
  overflow: auto;
  width: 100%; }
  #application-list > li > .lv-info.Pending {
    color: #d86666; }
  #application-list > li > .lv-info.Completed {
    color: #65ce7e; }
  #application-list > li > .lv-info.Aborted {
    color: #c51e32; }
  #application-list > li img {
    width: 4rem;
    height: 4rem;
    margin: 1rem 0;
    border-radius: 2rem;
    border: 2px solid white; }

#employee-list {
  height: 66rem;
  min-height: 66rem;
  overflow: auto;
  width: 100%; }
  #employee-list > li > .lv-info.Pending {
    color: #d86666; }
  #employee-list > li > .lv-info.Completed {
    color: #65ce7e; }
  #employee-list > li > .lv-info.Aborted {
    color: #c51e32; }
  #employee-list > li img {
    width: 4rem;
    height: 4rem;
    margin: 1rem 0;
    border-radius: 2rem;
    border: 2px solid white; }

.lv-empty {
  height: 20rem;
  padding-top: 10rem;
  width: 100%;
  text-align: center; }
  .lv-empty > span {
    display: inline-block;
    height: 96px;
    width: 96px;
    background-image: url("/UI/imgs/icon-tags.png");
    background-repeat: no-repeat;
    background-position: -444px -115px; }

#employee-view, #application-view {
  width: 40rem;
  padding: 1rem;
  overflow-y: auto; }

.v-employeeview, .v-applicationview {
  width: 100%; }
  .v-employeeview > .row, .v-applicationview > .row {
    margin-bottom: 1rem; }
    .v-employeeview > .row > h4, .v-applicationview > .row > h4 {
      color: #3caed4; }

.ve-acntinfo {
  border: 1px solid #3caed4;
  padding: 10px;
  background-color: #f4f5f9; }
  .ve-acntinfo .Txt-Item {
    padding: 6px 0; }

#ve-acntinfo-himg {
  text-align: center; }
  #ve-acntinfo-himg > img {
    height: 10rem;
    width: 10rem;
    border: 5px solid white;
    box-shadow: 0 0 2px 0; }

.ve-pos-list > li {
  position: relative;
  padding: 10px 10rem 10px 1rem;
  border-top: 1px dashed; }
  .ve-pos-list > li:hover {
    background-color: #e3f3f9; }

.pos-flag-admin {
  background-color: #f19033;
  color: #fff;
  padding: 5px;
  font-size: 80%; }

.ve-pos-remove {
  position: absolute;
  top: 20px;
  right: 2rem; }

.ve-pos-tools {
  text-align: right;
  margin-top: 1rem; }
  .ve-pos-tools > button {
    margin-left: 10px; }

#vve-pos-slctor, #va-pos-slctor {
  width: 800px;
  height: 500px; }

.va-acntinfo.Pending {
  border: 1px solid #f19033;
  background-color: #fbdec2; }

.va-acntinfo.Aborted {
  border: 1px solid #d86666;
  background-color: #f7e0e0; }
  .va-acntinfo.Aborted > h4 {
    color: #d86666; }

.va-acntinfo.Completed {
  border: 1px solid #3caed4;
  background-color: #b9e2f0; }

#va-applier-idcardpic {
  width: 100%;
  padding: 10px;
  cursor: pointer; }

#va-idcardpic-big {
  text-align: center;
  padding: 1rem;
  width: 100%;
  height: 100%; }
  #va-idcardpic-big > img {
    height: 100%; }

.va-action > button {
  float: right;
  margin-left: 1rem; }

.va-pos-card-left {
  width: 30%;
  float: left; }
  .va-pos-card-left > img {
    width: 60%;
    margin: 2rem 0 0 2rem; }

.va-pos-card-right {
  width: 70%;
  float: left; }
